<template>
	<ul id='today-gk'>
		<li v-for='item in data' :style='{width : 100/count + "%"}'>
			<div class='absolute xy text-center'>
				<div class='name'>{{item.name}}</div>
				<div class='num'>{{item.value}}</div>
				<div v-if='"rate" in item' class='rate color-f56c6c'>--<span class='iconfont icon-arror-up f-18'></span></div>
			</div>
		</li>
	</ul>
</template>

<script>
	export default {
		props : {
			count : {
				type : Number,
				default : 5
			},
			data : {
				type : Array,
				default : []
			}
		},
		
		data() {
			return {
				
			}
		}
	}
</script>

<style scoped lang='less'>
#today-gk{
	overflow:hidden;
	li{
		float:left;
		height:190px;
		position:relative;
		background:#ffffff;
		border:1px solid #eeeeee;
		border-width:0px 1px 1px 0px;
		white-space:nowrap;
		.num{
			color:#333333;
			font-size:24px;
			margin-top:18px;
		}
		.rate {
			color:#6666666;
			font-size:18px;
			margin-top:20px;
		}
	}
}
</style>
